<template>
  <div class="Title">
    <el-card style="margin-bottom: 10px">
      <div
        style="display: flex;flex-direction: row;justify-content: space-between"
      >
        <div>
          <div class="verticalBar"></div>
          <span style="color: #1074fd">{{ title }}</span>
        </div>
        <div>
          <span style="color: #999999;font-size: 12px">数据每日00:00更新</span>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "Title",
  data() {
    return {};
  },
  props: {
    title: {
      type: String,
      default: "模块标题"
    }
  },
  components: {}
};
</script>

<style scoped>
.verticalBar {
  width: 3px;
  height: 18px;
  background: #1074fd;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-top: 2px;
}
</style>
